<style>
.table tr td{
	border:1px solid #e7e7e7;
	word-break: break-all;
}
.font-bold{
	font-weight: bold;
}
</style>
<!--<div>-->
<div class="bg-light lter b-b wrapper-md">
	<h1 class="m-n font-thin h3" translate="nav.infocenter"></h1>
</div>
<div class="wrapper-md" ng-controller="InfocenterCtrl">
	<div class="row">
		<div class="col-sm-12 m-b-sm">
			<div class="panel panel-default">
				<!--面板标题-->
				<div class="panel-heading font-bold" translate="infocenter.list"></div>
				<!--操作栏-->
				<div class="panel-neck row">
					<form class="form-inline col-md-12" role="form">
						<!--搜索类型-->
						<div class="form-group">
							<input name="name" class="form-control" name="title"
								id="account" ng-model="vm.query.title" maxlength="32"
								placeholder="{{'infocenter.title' | translate}}" />
						</div>
						<div class="form-group">
							<!-- <input class="form-control" name="name" id="type" maxlength="32"
								ng-model="vm.query.type" ng-pattern="app.reg.account"
								placeholder="{{'infocenter.type' | translate}}" /> -->
								<select class=" form-control" name="type" ng-model="vm.query.infoType">
								<option value translate="infocenter.type"></option>
								<option ng-repeat="type in vm.messageTypes" value="{{type}}">{{type.infoTypeName}}</option>
								</select>
						</div>
						<div class="form-group">
							<select class=" form-control" name="status"
								ng-model="vm.query.status" convert-to-number required>
								<option translate="infocenter.status" value=""></option>
								<option ng-repeat="info in vm.infolist" value="{{info.key}}">{{info.value}}</option>
							</select>
						</div>
						<!--右侧按钮-->
						<div class="form-group pull-right">
							<!--查询-->
							<button class="btn btn-sm btn-primary" ng-click="vm.search()">
								<i class="fa fa-search"></i> {{'common.search'|translate}}
							</button>
							<button class="btn btn-sm btn-primary" ng-click="vm.batchDel()"
								iss-permission="EMS_STAFF_CHECK_MONTH_20007">
								<i class="fa fa-trash-o" style="margin-right: 5px;"></i>{{'common.batchDel'|translate}}
							</button>
							<button class="btn btn-sm btn-default" ng-click="vm.reset()">
								<i class="fa fa-refresh"></i> {{'common.reset' | translate}}
							</button>
						</div>
					</form>
				</div>
				<div class="b-b"></div>
				<!--表格-->
				<div class="panel-body">
					<table id="flexiGrid" iss-flexigrid="vm.options"
						flexigrid-control="vm.flexigridObj"></table>
				</div>
			</div>
		</div>
	</div>

	<!-- 消息详情模态框 -->
	<div class="modal fade" id="infoDetail" tabindex="-1" role="dialog"
		aria-hidden="true">
		<div class="modal-dialog" role="document" style="z-index: 9999;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" translate="infocenter.detail"></h4>
				</div>
				<div class="modal-body">
					<table class="table table-striped" style="table-layout: fixed;">
						<tr class="form-group">
							<td class="font-bold" translate="infocenter.contentType" align="right" colspan=1></td>
							<td colspan=3>{{vm.info.type}}</td>
						</tr>
						<tr class="form-group">
							<td class="font-bold" translate="infocenter.contentTitle" align="right" colspan=1></td>
							<td colspan=3>{{vm.info.title}}</span>
						</tr>
						<tr class="form-group">
							<td class="font-bold" translate="infocenter.contentDate" align="right" colspan=1></td>
							<td colspan=3>{{vm.info.updateTime}}</td>
						</tr>
						<tr class="form-group">
							<td  class="font-bold" translate="infocenter.content" align="right" colspan=1></td>
							<td colspan=3>{{vm.info.content}}</td>
						</tr>
						</table>
				</div>
				<div class="modal-footer">
					<!-- <button type="button" class="btn btn-default" data-dismiss="modal">{{}}</button> -->
					<button type="button" class="btn btn-primary" ng-click ="vm.gotoView()">{{'infocenter.goto' | translate}}</button>
				</div>
			</div>
		</div>
	</div>
</div>
<!--</div>-->
